<div class="navbar">
<div class="icon32" id="icon-index"><br>
</div>
<span>控制板</span></div>
<div class="dashboard">
<div class="metabox-holder"></div>
<div class="column">
<div class="portlet">
<div class="portlet-header">概况</div>
<div class="portlet-content">
<div class="port_left">
<p class="sub">内容</p>
<table>
	<tr>
		<td class="first"></td>
		<td class="second">文章</td>
	</tr>
	<tr>
		<td></td>
		<td>页面</td>
	</tr>
	<tr>
		<td></td>
		<td>分类</td>
	</tr>
	<tr>
		<td></td>
		<td>标签</td>
	</tr>
</table>
</div>
<div class="port_right">
<p class="sub">讨论</p>
<table>
	<tr>
		<td class="first"></td>
		<td class="second">评论</td>
	</tr>
	<tr>
		<td></td>
		<td>获准</td>
	</tr>
	<tr>
		<td></td>
		<td>待审</td>
	</tr>
	<tr>
		<td></td>
		<td>垃圾评论</td>
	</tr>
</table>
</div>
</div>
</div>
</div>

<div class="column">
<div class="portlet">
<div class="portlet-header">近期帖子</div>
<div class="portlet-content">Lorem ipsum dolor sit amet, consectetuer
adipiscing elit</div>
</div>
</div>
</div>

<div class="column">
<div class="portlet">
<div class="portlet-header">近期评论</div>
<div class="portlet-content">Lorem ipsum dolor sit amet, consectetuer
adipiscing elit</div>
</div>
</div>
<style>
.column {
	float: left;
	padding-bottom: 100px;
	width: 33%;
}

.portlet {
	margin: 5px 5px 5px 5px;
}

.portlet-header {
	margin: 5px;
	padding-left: 10px;
	height: 30px;
	line-height: 30px;
	font-size: 14px;
	font-weight: normal;
}

.portlet-header .ui-icon {
	float: right;
	margin: 6px;
}

.portlet-content {
	padding: 5px 10px 10px 10px;
}
.portlet-content div table{
	width:100%;
}
.portlet-content div table td{
	line-height:25px;
	height:25px;
	font-size:12px;
}
.port_left {
	float: left;
	width: 45%;
}

.port_right {
	float: right;
	width: 45%;
}
.port_left ,.port_right{
padding-bottom:10px;
}

.ui-sortable-placeholder {
	border: 1px dotted black;
	visibility: visible !important;
	height: 50px !important;
}

.ui-sortable-placeholder * {
	visibility: hidden;
}

p.sub {
	font-size: 14px;
	line-height:25px;
	height:25px;
	margin:0px;
	color:#8F8F8F;
	border-bottom:1px solid #8F8F8F;
}
.ui-widget-header{
border:none;
border-bottom:1px solid #D4CCB0;
}
.portlet-header{
margin:0px;
}
td.first{width:20px;padding-left:5px;padding-right:5px;}
td.second{padding-right:5px;}
</style>
<script>
$(function(){
	$( ".column" ).sortable({
		connectWith: ".column"
	});

	$( ".portlet" ).addClass( "ui-widget ui-widget-content ui-helper-clearfix ui-corner-all" )
		.find( ".portlet-header" )
			.addClass( "ui-widget-header ui-corner-all" )
			.prepend( "<span class='ui-icon ui-icon-minusthick'></span>")
			.end()
		.find( ".portlet-content" );

	$( ".portlet-header .ui-icon" ).click(function() {
		$( this ).toggleClass( "ui-icon-minusthick" ).toggleClass( "ui-icon-plusthick" );
		$( this ).parents( ".portlet:first" ).find( ".portlet-content" ).toggle();
	});

	$( ".column" ).disableSelection();
});
</script>
